<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的网站 | 关于我</title>
  <!-- 公共文件 -->
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/about.css">
</head>

<body>
  <!-- ======= Header ======= -->
  <header id="header"></header><!-- End Header -->

  <!-- ======= about Section ======= -->
  <section id="about">
    <div id="about-title">
      <h2 class="section-title">我的简历</h2>
      <h4 class="sub-title">这是我的个人简历,如有不足请大家多多指正,欢迎留言</h4>
    </div>
    <div id="about-content" class="flex ">
      <div id="about-img">
        <img src="./images/about/about@2x.png" alt="">
      </div>
      <div id="about-introduction">
        <div id="about-job">Web前端工程师</div>
        <div id="about-personalInformation" class="flex">
          <ul>
            <li>生日：2002年3月19日</li>
            <li>网站：www.wyichun.com</li>
            <li>电话：15846743886</li>
            <li>学历：本科</li>
          </ul>
          <ul>
            <li>年龄：20</li>
            <li>城市: 黑龙江</li>
            <li>Email：1415961426@qq.com</li>
            <li>学校：黑龙江工程学院</li>
          </ul>
        </div>
      </div>
    </div>
  </section><!-- End Section -->

  <!-- ======= 个人技能 Section======= -->
  <section id="skill">
    <div id="skill-title">
      <h2 class="section-title">个人技能</h2>
      <h4 class="sub-title">个人技能简要介绍</h4>
    </div>
    <div id="all-skill" class="flex">
      <div class="progress">
        <div class="comment flex justify-content-between">
          <span class="HTML">HTML</span>
          <span class="progress-HTML"></span>
        </div>
        <div class="bg">
          <div class="progress-bar HTMLbar"></div>
        </div>
      </div>
      <div class="progress">
        <div class="flex justify-content-between">
          <span class="PHP">PHP</span>
          <span class="progress-PHP"></span>
        </div>
        <div class="bg">
          <div class="progress-bar PHPbar"></div>
        </div>
      </div>
      <div class="progress">
        <div class="flex justify-content-between">
          <span class="CSS">CSS</span>
          <span class="progress-CSS"></span>
        </div>
        <div class="bg">
          <div class="progress-bar CSSbar"></div>
        </div>
      </div>
      <div class="progress">
        <div class="flex justify-content-between">
          <span class="WC">WORDPRESS/CMS</span>
          <span class="progress-WC"></span>
        </div>
        <div class="bg">
          <div class="progress-bar WCbar"></div>
        </div>
      </div>
      <div class="progress">
        <div class="flex justify-content-between">
          <span class="JS">JAVASCRIPT</span>
          <span class="progress-JS"></span>
        </div>
        <div class="bg">
          <div class="progress-bar JSbar"></div>
        </div>
      </div>
      <div class="progress">
        <div class="flex justify-content-between">
          <span class="PHOTOSHOP">PHOTOSHOP</span>
          <span class="progress-PHOTOSHOP"></span>
        </div>
        <div class="bg">
          <div class="progress-bar PHOTOSHOPbar"></div>
        </div>
      </div>
    </div>
    </div>
  </section><!-- End Section -->

  <!-- ======= 个人经历 Section ======= -->
  <section id="experience">
    <div id="edu-exp" class="flex wrapper">
      <h4>教育经历</h4>
      <div class="edu-exp flex">
        <div class="vertical-bar flex">
          <div class="up"></div>
          <div class="down"></div>
        </div>
        <div class="exp flex">
          <div class="time flex time2">
            <p>2020年9月10日-</p>
            <p>至今</p>
          </div>
          <div class="detail">
            <div class="title flex">
              <span class="span1">黑龙江工程学院（本科）</span>
              <span class="span2 span3">数据科学与大数据技术</span>
            </div>
            <p>
              硕士研究生学位课程，包括：（1）矩阵论；（2）概率论与数理统计；（3）概率论与随机过程；（4）微分方程数值解法。选修课程，包括：（1）应用泛函分析；（2）数学物理方程；（3）高等数值分析；（4）最优化理论与算法；（5）微分几何与计算几何；（6）数学建模
            </p>
          </div>
        </div>
      </div>
    </div><!-- End 个人经历 -->

    <!-- ======= 工作经历 ======= -->
    <div id="work-exp" class="flex wrapper">
      <h4>工作经历</h4>
      <div class="work-exp flex">
        <div class="vertical-bar flex">
          <div class="up"></div>
          <div class="down"></div>
        </div>
        <div class="exp-box">
          <div class="exp flex">
            <div class="time flex">
              <p>2019年8月10日-</p>
              <p>至今</p>
            </div>
            <div class="detail">
              <div class="title flex">
                <span class="span1">青盟科技有限公司</span>
                <span class="span2">Web前端工程师</span>
              </div>
              <p>一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;</p>
              <p>二、配合后端工程师增加页面的JS交互效果以及CSS排版;</p>
              <p>三、根据不同的PC和手机浏览器编写高效的脚本代码;</p>
              <p>四、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率。</p>
              <p>五、结合页面和系统功能，完成移动端页面/微信H5/小程序的开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;</p>
            </div>
          </div>
          <div class="exp flex">
            <div class="time flex time2">
              <p>2019年8月10日-</p>
              <p>至今</p>
            </div>
            <div class="detail">
              <div class="title flex">
                <span class="span1">百度</span>
                <span class="span2 span3">Web前端工程师</span>
              </div>
              <p>一、与设计师、产品工程师紧密工作在一起,实现产品前端UI和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验;</p>
              <p>二、配合后端工程师增加页面的JS交互效果以及CSS排版;</p>
            </div>
          </div>
        </div>
      </div>
    </div><!-- End 工作经验 -->

    <!-- ======= 项目经验 ======= -->
    <div id="product-exp" class="flex wrapper">
      <h4>项目经验</h4>
      <div class="product-exp flex">
        <div class="vertical-bar flex">
          <div class="up"></div>
          <div class="down"></div>
        </div>
        <div class="exp-box">
          <div class="exp flex">
            <div class="time flex">
              <p>2019年8月</p>
            </div>
            <div class="detail">
              <div class="title flex">
                <span class="span1">奔跑吧小程序</span>
                <span class="span2"></span>
              </div>
              <p>开发快递小程序能让用户快速找到需要的信息，并且查看自己快递信息，让更多的用户能抵扣快件费用，开发快递小程序能让用户快速找到需要的信息，并且查看自己快递信息，让更多的用户能抵扣快件费用</p>
            </div>
          </div>
          <div class="exp flex">
            <div class="time flex time2">
              <p>2019年8月</p>
            </div>
            <div class="detail">
              <div class="title flex">
                <span class="span1">大学生软件外包服务平台</span>
                <span class="span2 span3"><a href="http://www.qingmengtech.com">www.qingmengtech.com</a></span>
              </div>
              <p>大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台大学生软件外包服务平台</p>
            </div>
          </div>
        </div>
      </div>
    </div><!-- End 项目经验 -->

  </section><!-- End Section -->
  </main>

  <!-- ======= footer ======= -->
  <footer id="footer">
  </footer><!-- End Footer -->


  <!-- axios -->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <!-- 主js文件 -->
  <script src="./js/about.js"></script>
  <script src="./js/main.js"></script>
</body>

</html>